﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TarifarioHotel.aspx.cs" Inherits="NewTierra.Externo.TarifarioHotel" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">    

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <link href="../Styles/jquery-ui.css" rel="stylesheet" />    

    <script type="text/javascript" src="../Scripts/jquery-1.11.0.js"></script>    

    <script type="text/javascript" src="../Scripts/jquery-ui-1.10.0.js"></script>    

    <script src="../Scripts/bootstrap-select.js" type="text/javascript"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="../Scripts/bootstrap.min.js" type="text/javascript"></script>

    <!-- Bootstrap Core CSS -->
    <link href="../Styles/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/bootstrap-select.css" rel="stylesheet" type="text/css" />

    <title>Tarifário Hotel</title>

    <style>
        
    </style>

</head>
<body style="background-image: url(http://www.rentamar.com.br/tariffs/header-background3.png)">

    <form id="form1" runat="server">

        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

        <script type="text/javascript">

            jQuery(function ($) {
                $.datepicker.regional['pt-BR'] = {
                    closeText: 'Fechar',
                    prevText: '&#x3c;Anterior',
                    nextText: 'Pr&oacute;ximo&#x3e;',
                    currentText: 'Hoje',
                    monthNames: ['Janeiro', 'Fevereiro', 'Mar&ccedil;o', 'Abril', 'Maio', 'Junho',
                 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
                    monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun',
                 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
                    dayNames: ['Domingo', 'Segunda-feira', 'Ter&ccedil;a-feira', 'Quarta-feira', 'Quinta-feira', 'Sexta-feira', 'Sabado'],
                    dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
                    dayNamesMin: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
                    weekHeader: 'Sm',
                    dateFormat: 'dd/mm/yy',
                    firstDay: 0,
                    isRTL: false,
                    showMonthAfterYear: false,
                    yearSuffix: ''
                };
                $.datepicker.setDefaults($.datepicker.regional['pt-BR']);
            });

            function jScript() {

                $("#txtfromReport").datepicker({
                    defaultDate: "+1w",
                    changeMonth: true,
                    changeYear: true,
                    numberOfMonths: 1,
                    onClose: function (selectedDate) {
                        $("#txttoReport").datepicker("option", "minDate", selectedDate);
                    }
                });
                $("#txttoReport").datepicker({
                    defaultDate: "+1w",
                    changeMonth: true,
                    changeYear: true,
                    numberOfMonths: 1,
                    onClose: function (selectedDate) {
                        $("#txtfromReport").datepicker("option", "maxDate", selectedDate);
                    }
                });

                $("#txtFromServices").datepicker({
                    defaultDate: "+1w",
                    changeMonth: true,
                    changeYear: true,
                    numberOfMonths: 1,
                    onClose: function (selectedDate) {
                        $("#txtToServices").datepicker("option", "minDate", selectedDate);
                    }
                });

                $("#txtToServices").datepicker({
                    defaultDate: "+1w",
                    changeMonth: true,
                    changeYear: true,
                    numberOfMonths: 1,
                    onClose: function (selectedDate) {
                        $("#txtFromServices").datepicker("option", "maxDate", selectedDate);
                    }
                });

                $('#myTab a').click(function (e) {
                    e.preventDefault()
                    $(this).tab('show')
                });

                $("#ddlPaisServices").change(function () {
                    $('#myTab a:last').tab('show')
                });

                $(".selectpicker").selectpicker();
            }

        </script>

        <div class="container">          

            <div class="row">
                <div class="col-md-2" style="width: 130px;">
                    <img src="../images/logoRentamar.png" style="height: 100px; width: 124px" />
                </div>
                <div class="col-md-5">
                    <h3>Hotels and Services Rates List Creator</h3>
                </div>
            </div>          

            <div class="row">
                <div class="col-lg-12" style="margin-top: 0px;">
                    <%--<h3 class="page-header" style="margin-top: 15px;">Hotels and Services Rates List Creator</h3>--%>
                    <h6>Please fill out the below form with the desired dates and cities to obtain our most current rates.
                        <br />
                        All rates are commissionable;                         
                        if you are not certain of what you commission is, please contact us at
                        <a href="mailto:sales@rentamar.com.br">sales@rentamar.com.br</a>
                    </h6>

                    <strong>Dates That Require Special Attention</strong>

                    <dl class="dl-horizontal">
                        <dt>New Year's</dt>
                        <dd>Dec/28/2014 to Jan/02/2015</dd>
                        <dt>Carnaval</dt>
                        <dd>Feb/13/2015 to Feb/18/2015</dd>
                        <dt>Champion´s Parade</dt>
                        <dd>Feb/20/2015 to Feb/22/2015</dd>
                        <dt>F1</dt>
                        <dd>Nov/13/2015 to Nov/15/2015</dd>
                    </dl>

                </div>
            </div>

            <!-- Nav tabs -->
            <ul class="nav nav-pills" role="tablist">
                <li class="active"><a href="#home" role="tab" data-toggle="tab">Hotels</a></li>
                <li><a href="#profile" role="tab" data-toggle="tab">Services</a></li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">

                <div class="tab-pane active" id="home">

                    <asp:UpdatePanel ID="UpdatePanelHoteis" runat="server">
                        <ContentTemplate>
                            <script type="text/javascript" language="javascript">
                                Sys.Application.add_load(jScript);
                            </script>

                            <div style="margin-top: 10px;">
                                <div class="col-sm-4">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h3 class="panel-title">Report Hotels</h3>
                                        </div>

                                        <div class="panel-body">

                                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                                <div class="row">
                                                    <div class="form-group pull-left">
                                                        <label class="control-label">Date From</label>
                                                        <label>&#160;</label>
                                                        <asp:TextBox runat="server" CssClass="form-control" ID="txtfromReport" Width="100px" />
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                                <div class="row">
                                                    <div class="form-group pull-left">
                                                        <label class="control-label">Date To</label>
                                                        <label>&#160;</label>
                                                        <asp:TextBox runat="server" CssClass="form-control" ID="txttoReport" Width="100px" />
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">

                                                <div class="row">
                                                    <div class="form-group pull-left">
                                                        <label class="control-label">Country</label>
                                                        <label>&#160;</label>
                                                        <asp:DropDownList runat="server" CssClass="form-control selectpicker" data-live-search="true" ID="ddlPaisHotels" Width="150px" AutoPostBack="true" OnSelectedIndexChanged="ddlPaisHotels_SelectedIndexChanged" />
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div class="form-group pull-left">
                                                        <label class="control-label">Type</label>
                                                        <label>&#160;</label>
                                                        <asp:DropDownList runat="server" CssClass="form-control" ID="ddlTypeReportHotels" Width="150px">
                                                            <asp:ListItem Text="PDF" Selected="True" Value="1" />
                                                            <asp:ListItem Text="Word" Value="2" />
                                                            <asp:ListItem Text="Excel" Value="3" />
                                                        </asp:DropDownList>
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div class="form-group pull-left">
                                                        <asp:Button ID="btnEmitirHotels" runat="server" Text="Submit" CssClass="btn btn-primary btn-sm" OnClick="btnEmitirRelatorioGeral_Click" />
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                                <div class="row">
                                                    <div class="form-group pull-left">
                                                        <label class="control-label">City</label>
                                                        <label>&#160;</label>
                                                        <asp:DropDownList runat="server" CssClass="form-control selectpicker" data-live-search="true" ID="ddlCidadeHotels" Width="150px" />
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                </div>
                            </div>

                        </ContentTemplate>
                        <Triggers>
                            <asp:PostBackTrigger ControlID="btnEmitirHotels" />
                        </Triggers>
                    </asp:UpdatePanel>

                </div>

                <div class="tab-pane" id="profile">

                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <script type="text/javascript" language="javascript">
                                Sys.Application.add_load(jScript);
                            </script>

                            <div style="margin-top: 10px;">
                                <div class="col-sm-4">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h3 class="panel-title">Report Services</h3>
                                        </div>

                                        <div class="panel-body">

                                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                                <div class="row">
                                                    <div class="form-group  pull-left">
                                                        <label class="control-label">Date From</label>
                                                        <label>&#160;</label>
                                                        <asp:TextBox runat="server" CssClass="form-control" ID="txtFromServices" Width="100px" />
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                                <div class="row">
                                                    <div class="form-group pull-left">
                                                        <label class="control-label">Date To</label>
                                                        <label>&#160;</label>
                                                        <asp:TextBox runat="server" CssClass="form-control" ID="txtToServices" Width="100px" />
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">

                                                <div class="row">
                                                    <div class="form-group pull-left">
                                                        <label class="control-label">Country</label>
                                                        <label>&#160;</label>
                                                        <asp:DropDownList runat="server" CssClass="form-control selectpicker" data-live-search="true" ID="ddlPaisServices" Width="150px" AutoPostBack="true" OnSelectedIndexChanged="ddlPaisServices_SelectedIndexChanged" />
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div class="form-group pull-left">
                                                        <label class="control-label">Type</label>
                                                        <label>&#160;</label>
                                                        <asp:DropDownList runat="server" CssClass="form-control" ID="ddlTypeReportServices" Width="150px">
                                                            <asp:ListItem Text="PDF" Selected="True" Value="1" />
                                                            <asp:ListItem Text="Word" Value="2" />
                                                            <asp:ListItem Text="Excel" Value="3" />
                                                        </asp:DropDownList>
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div class="form-group pull-left">
                                                        <asp:Button ID="btnEmitirServices" runat="server" Text="Submit" CssClass="btn btn-primary btn-sm" OnClick="btnGerarRelatorioServicoTarifario_Click" />
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                                <div class="row">
                                                    <div class="form-group pull-left">
                                                        <label class="control-label">City</label>
                                                        <label>&#160;</label>
                                                        <asp:DropDownList runat="server" CssClass="form-control selectpicker" data-live-search="true" ID="ddlCidadesServices" Width="150px" />
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                </div>
                            </div>

                        </ContentTemplate>
                        <Triggers>
                            <asp:PostBackTrigger ControlID="btnEmitirServices" />
                        </Triggers>
                    </asp:UpdatePanel>

                </div>

            </div>           

            <!-- Área de Pre-Carregamento -->
            <div id="UpdateProgress"
                style="position: absolute; z-index: 1; left: 50%; top: 50%;">
                <asp:UpdateProgress ID="preLoading" runat="server"
                    AssociatedUpdatePanelID="">
                    <ProgressTemplate>

                        <asp:Image ID="imgLoading" runat="server"
                            ImageUrl="~/Images/ajax-loaderG.gif" />

                    </ProgressTemplate>
                </asp:UpdateProgress>
            </div>

        </div>

    </form>

</body>
</html>
